<template>
    <div class="footer" ref="footer" :style="{opacity:opacity}">
        <div class="footer_font" @click="openCard(title)" >
        {{member==-1? '我要开卡':'返回首页'}}
        </div>
    </div>
</template>
<script>
import cookie from "../../../store/modules/cookie"
export default {
    props:{
        opacity:{
            type:String,
            default:'1'
        },
        title: {
            type: String,
            default: '2'
        },
        member: {
            default: -1
        }
    },
    methods: {
        openCard () {
            this.$emit('judge')
        },
    }
}
</script>
<style scoped>
    .footer{
        box-sizing: border-box;
        height: 248px;
        width: 100%;
        line-height: 248px;
        background-color: #231815;
        position: fixed;
        bottom: 0;
        background-image: url(../../assets/activeCard.png);
        background-repeat:no-repeat;
        background-position:48px center;
        background-size: 50% 50%;
    }
    .footer img{
        width: 599px;
        margin-left: 48px;
        margin-right: 48px;
        margin-top: 49px;
    }
    .footer_font{
        float: right;
        margin-top: 0px;
        margin-right: 76.8px;
        color: #FFFFFF;
        font-size: 72px;
    }
</style>